/* Field with errors style */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

.cb {
	margin:0.5em 0;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	font-family: Arial;
}
	
.cb h2 {
  font-size: 16px;
}
	
/* Rules for the top corners and border */
.bt {
	background:url(../images/error_msg_box.png) no-repeat 100% 0;
	margin:0 0 0 50px;
	height:50px;
	}
.bt div {
	height:50px;
	width:50px;
	position:relative;
	left:-50px;
	background:url(../images/error_msg_box.png) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */
.bb {
	background:url(../images/error_msg_box.png) no-repeat 100% 100%;
	margin:0 0 0 50px;
	height:50px;
	}
.bb div {
	height:50px;
	width:50px;
	position:relative;
	left:-50px;
	background:url(../images/error_msg_box.png) no-repeat 0 100%;
	}
/* Insert the left border */
.i1 {
	padding:0 0 0 33px;
	background:url(../images/error_msg_borders.png) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding:0 33px 0 0;
	background:url(../images/error_msg_borders.png) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the error_msg_borders and the content. */
.i3 {
	border:1px solid #aa0000;
	border-width:1px 0;
	padding:0 10px;
	background: #aa0000;
	}
